<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人资料</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3373124_z5bwtfjkep.css">

    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body class="dpf fdc">
    <header>
        <i class="iconfont icon-xiangzuo1 abs Fallback"></i>
        <div class="PersonalData tac">个人资料</div>
    </header>
<<<<<<< HEAD
<<<<<<< HEAD
    <main class="warp flex rel">
=======
    <main class="  rel">
>>>>>>> wl
=======
    <main class="  rel">
>>>>>>> wl
        <ul>
            <li id="avatar" class="rel">
                <div class="ReplaceAvatar abs">更换头像
                </div>
                <div class="avatarImage abs"><img src="./../../assets/imgs/cat.jpg" id="Image" alt="" width="80" height="80"></div>
                <input type="file"  id="upload">
                <i class="iconfont icon-youjiantou1 abs" id="avatarBtn"></i>
               
            </li>
            <li id="nickname" class="rel">
<<<<<<< HEAD
<<<<<<< HEAD
                <div class="nickName abs">昵称</div>
                <div class="userName abs">用户名</div>
                <i class="iconfont icon-youjiantou1 abs"></i>
            </li>
            <li id="Gender" class="rel">
                <div class="gender abs">性别</div>
                <div class="man abs">男</div>
                <i class="iconfont icon-youjiantou1 abs"></i>
            </li>
            <li id="Birthday" class="rel">
                <div class="birthday abs">生日</div>
                <div class="date abs">2022-05-07</div>
                <i class="iconfont icon-youjiantou1 abs"></i>
            </li>
            <li id="place" class="rel">
                <div class="City abs">所在城市</div>
                <div class="Locationcity abs">四川省 成都市</div>
                <i class="iconfont icon-youjiantou1 abs"></i>
=======
=======
>>>>>>> wl
                <div id="showUserPicker" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
                    <div><label class="weui-label">用户名</label></div>
             <div class="weui-cell__bd"><div class="weui-select" id="user"><input type="text" name="" id="username"></div></div>
                  </div>
            </li>
            <li id="Gender" class="rel">
                <div id="showPicker" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
                    <div ><label class="weui-label">性别</label></div>
                    <div class="weui-cell__bd"><div class="weui-select" id="gender">男</div></div>
                  </div>
            </li>
            <li id="Birthday" class="rel">
                <div id="showDatePicker" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
                    <div><label class="weui-label">生日</label></div>
                    <div class="weui-cell__bd"><div class="weui-select" id="day">1990-10-10</div></div>
                  </div>
            </li>
            <li id="place" class="rel">
                <div id="showShengPicker" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
                    <div><label class="weui-label">所在省市</label></div>
                    <div class="weui-cell__bd"><div class="weui-select" id="xing">重庆市</div></div>
                  </div>
            </li>
            <li id="place" class="rel">
                <div id="showCityPicker" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
                    <div><label class="weui-label">所在城市</label></div>
                    <div class="weui-cell__bd"><div class="weui-select" id="seti">巫溪</div></div>
                  </div>
<<<<<<< HEAD
>>>>>>> wl
=======
>>>>>>> wl
            </li>
            <li id="Biography" class="rel">
                <div class="biography abs">个人简介</div>
                <textarea cols="30" rows="10" class="introduce abs" placeholder="多行输入"></textarea>
<<<<<<< HEAD
<<<<<<< HEAD
            </li>
        </ul>
        
    <div id="SaveinformationBtn" class="abs tac">保存信息</div>
    </main>

=======
=======
>>>>>>> wl
                <div class="zero ">0<span>/200字</span> </div>
              
            </li>
        </ul>
      
    </main>
    
    <div id="SaveinformationBtn" class="abs tac">保存信息</div>
<<<<<<< HEAD
>>>>>>> wl
=======
>>>>>>> wl
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>